<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>山西光银信息技术有限公司-新闻中心</title>
		<link rel="stylesheet" href="index.css">
		<style>
			.biaoti {
				width: 100%;
				height: 269px;
				background-color: #f3f3f3;
				padding: 50px 0 25px;
			}

			.center2 {
				width: 1100px;
				margin: 0 auto;
				display: flex;
				flex-direction: column;
				padding: 50px 0 26px;
			}

			.center2 .title {
				width: 100%;
				position: relative;
			}

			.center2 .title>h2 {
				font-weight: 700;
				margin-bottom: 30px;

			}

			.center2 .title>h2:first-child {
				font-size: 80px;
				color: #e8e8e8;
			}

			.center2 .title>h2:last-child {
				font-size: 30px;
				color: #031434;
				position: absolute;
				left: 0;
				top: 65px;
			}

			.center2>ul {
				width: 100%;
				height: 52px;
				background-color: #fff;
			}

			.center2>ul>li {
				width: 98px;
				color: #fff;
				background-color: #031434;
				margin: 5px;
				padding: 10px 16px;
				text-align: center;
			}

			.center3 {
				width: 1100px;
				margin: 0 auto;
			}

			.center3 a {
				width: 1100px;
				display: flex;
				padding: 30px 40px;
				box-sizing: border-box;
			}

			.center3 a:hover {
				background-color: #ebebeb;
			}

			.center3 a>div:nth-child(1) {
				width: 69px;
				height: 78px;
				padding-right: 30px;
				margin-right: 30px;
				border-right: 1px solid #afafaf;
				display: flex;
				flex-direction: column;
				/* align-content: flex-end; */
				position: relative;
			}

			.center3 a>div:nth-child(1)>span {
				width: 69px;
				color: #afafaf;
				margin-left: 20px;
			}

			.center3 a>div:nth-child(1)>span:nth-child(1) {
				font-size: 44px;
				font-weight: 700;
			}

			.center3 a:hover>div:nth-child(1)>span:nth-child(1) {
				color: #747474;
			}

			.center3 a>div:nth-child(1)>span:nth-child(2) {
				font-size: 14px;
			}

			.center3 a:hover>div:nth-child(1)>span:nth-child(2) {
				font-size: 12px;
				position: absolute;
				right: 0;
				top: 59px;
			}

			.center3 a>div:nth-child(2) {
				height: 78px;
				/* border-left: ; */
				display: flex;
				flex-flow: column;
				justify-content: space-between;
				flex: 1;
			}

			.center3 a>div:nth-child(2)>span {
				color: #515151;
			}

			.center3 a:hover>div:nth-child(2)>span {
				color: #00479f;
			}

			.center3 a>div:nth-child(2)>p {
				width: 50px;
				display: inline-block;
				background-color: #cccccc;
				color: #fff;
				padding: 5px 15px;
				/* margin-top: 10px; */
			}

			.center3 a:hover>div:nth-child(2)>p {
				background-color: #00479f;
			}

			.center3 a img {
				width: 200px;
			}
		</style>
	</head>
	<body>
		<div class="dh">
			<div class="center1">
				<div class="logo">
					<img src="../img/logo.jpg" />
				</div>
				<div class="dht">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">产品中心</a></li>
						<li><a href="#">新闻中心</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--              展示图                  -->

		<div class="zst">
			<img src="../img/banner/banner002.jpg" alt="" />
		</div>
		<!--             新闻中心                  -->
		<div class="news">
			<div class="biaoti">
				<div class="center2">
					<div class="title">
						<h2>NEWS CENTER</h2>
						<h2>新闻中心</h2>
					</div>
					<ul>
						<li class="active">新闻中心</li>
					</ul>
				</div>
			</div>
			<div class="xinwen">
				<div class="center3">
					<div>
						<a href="#">
							<div>
								<span>09</span>
								<span>2021-11</span>
							</div>

							<div>
								<span>闪彩印王双色机型2120/2150升级上市</span>
								<p>MORE</p>
							</div>
							<div>
								<img src="../img/news/news001.jpeg" alt="">
							</div>
						</a>
					</div>
					<div>
						<a href="./new_2.html">
							<div>
								<span>09</span>
								<span>2021-11</span>
							</div>

							<div>
								<span>新型打印服务模式“理光好享颖正式上市</span>
								<p>MORE</p>
							</div>
							<div>
								<img src="../img/news/news002.jpeg" alt="">
							</div>
						</a>
					</div>
					<div>
						<a href="#">
							<div>
								<span>09</span>
								<span>2021-11</span>
							</div>

							<div>
								<span>2021年理想一体化速印机市场研究报告</span>
								<p>MORE</p>
							</div>
							<div>
								<img src="../img/news/news003.jpeg" alt="">
							</div>
						</a>
					</div>
					<div>
						<a href="#">
							<div>
								<span>09</span>
								<span>2021-11</span>
							</div>

							<div>
								<span>苹果：是否解锁iPhone由美国国会决定</span>
								<p>MORE</p>
							</div>
							<div>
								<img src="../img/news/news004.jpeg" alt="">
							</div>
						</a>
					</div>
					<div>
						<a href="#">
							<div>
								<span>09</span>
								<span>2021-11</span>
							</div>

							<div>
								<span>关于5G你所需要知道的一切</span>
								<p>MORE</p>
							</div>
							<div>
								<img src="../img/news/news005.jpeg" alt="">
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>

		<!--             页脚部分                       -->
		<div class="footer">
			<!--             联系我们                       -->
			<div class="lxwm">
				<div class="center5">
					<div class="menu">
						<h2>COMPANY MENU</h2>
						<div>
							<div><a href="#">网站首页</a></div>
							<div><a href="#">关于我们</a></div>
							<div><a href="#">产品中心</a></div>
							<div><a href="#">新闻中心</a></div>
							<div><a href="#">联系我们</a></div>
						</div>
					</div>
					<div class="xinxi">
						<h2>CONTACT US</h2>
						<ul>
							<li>微信：sxgysmkj</li>
							<li>电话：13994258086</li>
							<li>座机：0351-7336578</li>
							<li>地址：太原市小店区南内环街324号</li>
						</ul>
					</div>
					<div>
						<img src="../img/weixin.jpg" />
					</div>
				</div>
			</div>
			<!--             底部信息                    -->
			<div class="wydb">
				<p>
					©2021 山西光银信息技术有限公司 备案号：晋ICP备13005719号 技术支持 -
					资海科技集团
				</p>
			</div>
		</div>
		<!--          置顶按钮             -->
		<div class="zhiding hide" id="gotop">
			<a href="#">
				<div></div>
			</a>
		</div>
		<script>
			///////////////  置顶按钮   ////////////////////////
			const gotop = document.getElementById('gotop')
			onscroll = function() {
				const y = document.body.scrollTop || document.documentElement.scrollTop
				if (y > 400) {
					gotop.classList.remove('hide')
				} else {
					gotop.classList.add('hide')
				}
			}
		</script>
	</body>
</html>
